.msg{
      background: #fff;
      padding: 25rpx 0;
      padding-bottom: 10rpx;
      border-bottom: solid 1rpx #EBEBEB;
      margin-bottom: 10rpx;
      .avatar{
            margin-left: 10rpx;
            text{
                  display: inline-block;
                  width: 70rpx;
                  height: 70rpx;
                  background-size: cover;
                  background-repeat: no-repeat;
                  background-position: center;
                  border-radius: 50%;
            }
      }
      .nickname{
            font-size:32rpx;
            overflow: hidden;
            text-overflow: ellipsis;
            line-height: 50rpx;
      }
      .time{
            color: #888;
            font-size: 8pt;
            line-height: 20rpx;
      }
      .watch{
            line-height: 70rpx;
            margin-right: 20rpx;
            transform: scale(.9)
            text{
                  background-image: url(http://img.zhxcxmall.com/static/keep-goods.png);
                  background-size: 30rpx;
                  background-repeat: no-repeat;
                  background-position: left ;
                  background-position-x: 25rpx;
                  padding: 10rpx 25rpx;
                  padding-left: 60rpx;
                  border: solid 1rpx #ccc;
                  border-radius: 40rpx;
                  line-height: 100%;
                  color: #ccc;
                  &.act{
                        border-color: #FF2F28;
                        color: #FF2F28;
                        background-image: url(http://img.zhxcxmall.com/static/keep-goods1.png);
                  }
            }
      }

      .content{
            margin-left:20rpx;
            margin-right: 20rpx;
            .img-box{
                  text-align: center;
            }
      }
      .action{
            .comment,.like,.drop{
                  display: inline-block;
                  background-image: url(http://img.zhxcxmall.com/static/dy-comment.png);
                  background-size: 40rpx;
                  background-repeat: no-repeat;
                  background-position: left ;
                  padding: 10rpx 20rpx;
                  padding-left: 35rpx;
                  color: #888;
                  margin-left: 10rpx;
                  height: 40rpx;
                  vertical-align: middle;
                  background-position-y: 16rpx;
            }
            .drop{
                  background-image: url(http://img.zhxcxmall.com/static/icon/ico-delete.png);
                  background-size: 28rpx;
            }
            .like{
                  background-image: url(http://img.zhxcxmall.com/static/dy-like.png);
                  line-height: 60rpx;
                  text-indent: 10rpx;
                  &.act{
                        background-image: url(http://img.zhxcxmall.com/static/dy-like2.png);
                  }
            }

      }
      
}

.comment-list{
      .name,.c{
            color: #686868;
      }
      .c{
            color: #484848;
            padding: 20rpx 10rpx;
            padding-left: 40rpx;
            font-size: 11pt;
            background: #f8f8f9;
      }
      .all{
            background: #fff;
            padding: 20rpx;
      }
      .name{
            .avatar{
                  display: inline-block;
                  height: 40rpx;
                  width: 40rpx;
                  border-radius: 50%;
                  background-size: cover;
                  background-position: center;
                  background-repeat: no-repeat;
            }
      }
      .comment-item{
            padding: 20rpx 10rpx;
            background: #fff;
      }
      .extra{
            color: #686868;
            font-size: 9pt;
      }
}